<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人资料</title>

</head>

<body>
  <!-- 返回 -->
  <div class="back cf tac df">
    <i class="iconfont icon-leftarrow abs" id="backOut"></i>
    <span class="flex">个人资料</span>
  </div>

  <div class="weui-cells mt0">
    <!-- 头像 -->
    <div class="weui-cell weui-cell_active weui-cell_access">
      <span class="weui-cell__bd">
        <span class="demo_badge_title">更改头像</span>
      </span>
      <span class="weui-cell__ft">
        <!-- <label> -->
        <img src="../../assets/imgs/123.jpg" class="pic" width="80" alt="" id="imgBtn">
        <input type="file" id="fileBtn">
        <!-- </label> -->
      </span>
    </div>
    <!-- 昵称 -->
    <div class="weui-cell weui-cell_active weui-cell_access">
      <span class="weui-cell__bd">
        <span class="demo_badge_title">昵称</span>
      </span>
      <input type="text" id="nickname" placeholder="请输入昵称" class="tar">
      <!-- <input type="text" id="nickname" placeholder="请输入昵称" class="weui-cell__ft"> -->
    </div>
    <!-- 性别 -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="sexBtn">
      <span class="weui-cell__bd">
        <div class="page__bd_spacing">
          <span class="demo_badge_title">性别</span>
          <!-- <span class="demo_badge_title">所在省份</span> -->
          <!-- <a href="javascript:" role="button" class="weui-btn weui-btn_default" id="showPicker">单列选择器</a> -->
        </div>
      </span>
      <span class="weui-cell__ft" id="sexText">请选择性别</span>
    </div>
    <!-- 生日 -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="btdBtn">
      <span class="weui-cell__bd">
        <span class="demo_badge_title">生日</span>
        <!-- <a href="javascript:" role="button" class="weui-btn weui-btn_default" id="showDatePicker">日期选择器</a> -->
      </span>
      <span class="weui-cell__ft" id="btdText">请选择生日</span>
    </div>
    <!-- 所在省份 -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="proBtn">
      <span class="weui-cell__bd">
        <span class="demo_badge_title">所在省份</span>
      </span>
      <span class="weui-cell__ft" id="proText">请选择省份</span>
    </div>
    <!-- 所在城市 -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="cityBtn">
      <span class="weui-cell__bd">
        <span class="demo_badge_title">所在城市</span>
      </span>
      <span class="weui-cell__ft" id="cityText">请选择城市</span>
    </div>
    <!-- 个人简介 -->
    <div class="weui-cell weui-cell_active weui-cell_access">
      <span class="weui-cell__bd">
        <span class="demo_badge_title">个人简介</span>
      </span>
    </div>
    <div class="info">
      <textarea class="weui-textarea" placeholder="请输入个人简介" rows="3" id="intro"></textarea>
      <div class="weui-textarea-counter"><span id="introNum">0</span>/200</div>
    </div>
    <div class="page__bd">
      <a href="#button_default" role="button" class="weui-btn weui-btn_default" style="color:#fff" id="saveBtn">保存信息</a>
    </div>
    <div role="alert" id="toast" style="display: none;">
      <div class="weui-mask_transparent"></div>
      <div class="weui-toast">
        <i class="weui-icon-success-no-circle weui-icon_toast"></i>
        <p class="weui-toast__content">保存成功</p>
      </div>
    </div>
    <div role="alert" id="warnToast" style="display: none;">
      <div class="weui-mask_transparent"></div>
      <div class="weui-toast">
        <i class="weui-icon-warn weui-icon_toast"></i>
        <p class="weui-toast__content">保存失败</p>
      </div>
    </div>
  </div>


</body>

</html>